<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>WebSite</title>
  <link rel="stylesheet" type="text/css" href="/static/css/style.css" />
  <style type="text/css">
    .login-box{position: absolute;top: 25px;right: 287px;padding: 25px 35px 20px;background-color: #e4e4e4;
        border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px; -o-border-radius:5px;
        box-shadow:3px 3px 5px rgba(0,0,0,0.5);
        -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.5);
        -o-box-shadow:3px 3px 5px rgba(0,0,0,0.5);
        background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(228,228,228,0.9)),to(rgba(248,248,248,0.9)));
        background-image:-moz-linear-gradient(top,rgba(228,228,228,0.9) 0,rgba(248,248,248,0.9) 100%);
        background-image:-o-linear-gradient(top,rgba(228,228,228,0.9) 0,rgba(248,248,248,0.9) 100%);}
    .login-box h3{font-size: 21px;margin-bottom: 5px;font-weight: normal;text-shadow:1px 1px 1px #eee;}
    .login-box .content{width: 316px;padding-top: 10px;}
    .login-box .help{overflow: hidden;height: 35px; color: #445c8f;position: relative;}
    .login-box .help .remember{position: absolute; top: 10px;left: -4px;color: #333;}
    .login-box .help .forget{position: absolute;top: 10px;right: 0;}
    .login-box .footer{margin-top:20px;padding:0 0 10px;background: none;}
    .login-box .btn{height: 38px;line-height: 38px;padding: 0 30px;}
  </style>
</head>
<body>
  <div class="header">
    <div class="wrapper">
      <div class="logo">
        <a href="/" class="dib"> 
          <img src="/static/images/logo.png">
        </a>
      </div>
      
      <div class="right">
        <div class="platform">
          <span>暂不开放注册</span>
          <a href="###">平台说明</a>
        </div>
      </div>
    </div>
  </div>

  <div class="banner">
    <div class="wrapper">
      <div class="login-box">
        <h3>登录</h3>
        <div class="content">
          <div class="form">
            <div class="form-icon error">错误消息
            </div>
            <ol>
              <li class="form-icon name">
                  <input type="text" placeholder="用户名" value="">
                  <button type="button" class="form-icon del"></button>
              </li>
              <li class="form-icon pwd">
                  <input type="text" placeholder="密码">
                  <button type="button" class="form-icon del"></button>
              </li>
            </ol>
          </div>
          <div class="help">
            <a href="javascript:;" class="form-icon remember checkbox" id="rememberPwd">记住帐号</a>
            <a href="" class="forget">无法登录？</a>
          </div>

          <div class="footer">
            <a id="login_button" href="javascript:;" title="点击登录" class="btn special">登录</a>
          </div>
          
        </div>
      </div>
  </div>
  </div>
   <div class="footer">
    <span>
      <a target="_blank" href="javascript:;">关于zjk537</a>&nbsp;|&nbsp;
      <a target="_blank" href="mailto:zjk537@sina.com">联系邮箱</a>&nbsp;|&nbsp; 
    </span>
    <span>Copyright&nbsp;© 2013-2014 zjk537. All Rights Reserved.</span>
  </div>
</body>
</html>